<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1a5a5a5/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1, minimum-scale=1, user-scalable=no, maximum-scale=1,width=device-width">
<meta name="viewport" content="width=device-width, user-scalable=no">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">

<title></title>
<link rel="icon" type="images/png" href="" />
<meta name="keywords" content="" />
<meta name="description" content="" />

<!-- 功能样式 -->
<link type="text/css" rel="stylesheet"  href="css/style.css"/><!-- 公用样式 -->
<link type="text/css" rel="stylesheet"  href="css/index.css"/><!-- 首页样式 -->

<script src="js/jquery-1.8.3.min.js"></script><!-- 公用 -->
<!-- 功能样式 -->

<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

</head>

<body>

<!-- 搜索 -->
<div id="search" class="clearfix">
	<a class="prev fl" href="javascript:history.go(-1);" title="后退">&lt;</a>
	<div class="head fl">确认订单</div>
</div>
<!-- 搜索 -->
<style>
.ddxq{ width:90%; overflow:hidden; margin:0 2%; padding:0 3%; padding-bottom:10px; background:#fff; border:1px solid #eee; margin-top:10px;}
.ddxq h4{ display:block; line-height:50px; border-bottom:1px solid #a5a5a5; font-size:14px; color:#3b3b3b;}
.ddxq h4 span{ float:right; line-height:50px; color:#3b3b3b;}
.ddxq p{ display:block; overflow:hidden; line-height:40px; font-size:14px; color:#3b3b3b;}
.ct-4{ padding-bottom:30px;}
.ddxq p em{ display:block;}
.ddxq p em.a{ line-height:20px; padding-top:5px;}
.ddxq p em.a i{ padding-left:10px;}
.ddxq p span{ display:block; line-height:30px;}
.ddxq p span i{padding-right:10px;}

.fans{ width:96%; overflow:hidden; margin:0 2%; background:#fff; border:1px solid #eee; margin-top:10px;}
.fans li{ width:94%; overflow:hidden; margin:0 3%; padding:10px 0; border-bottom:1px solid #a5a5a5;}
.fans li img{ float:left; width:40px; height:40px; margin-right:10px; background:#3b3b3b;}
.fans li p,.fans li span,.fans li i,.fans li a{ float:left; font-size:14px; line-height:40px;}
.fans li p{ color:#3b3b3b;}
.fans li i{ color:#3b3b3b;}
.fans li span{ color:#3b3b3b;}
.fans li a{ float:right; width:150px; height:20px; color:#a5a5a5; margin:10px 0; line-height:18px; padding-left:10px; border:1px solid #a5a5a5; background:url(../images/ioco9.png) 145px center no-repeat}
.fans li input{ width:100%;}

.zffs li{ overflow:hidden; padding:10px 0;}
.zffs li img{ width:60px; height:60px; margin-right:10px;}
.zffs li em{ display:block;}

.ddxq li{ position:relative;}
/* 不确定修改 */
.gwc{ width:90%; overflow:hidden; margin:0 2%; background:#fff; border:1px solid #eee; margin-top:10px; padding:0 3%;}
.gwc li{ position:relative; overflow:hidden; padding:16px 0; border-bottom:1px solid #a5a5a5;}
.gwc img{ float:left; width:65px; height:65px; background:#a5a5a5; margin-right:5px;}
.gwc .fl span{ position:relative; display:block; font-size:13px; margin-bottom:5px; color:#a5a5a5;}
.gwc a{ float:right; line-height:65px; font-size:12px; color:#a5a5a5;}
.chk_1 {display:none;}
.chk_1 + label { float:left; position: relative; overflow:hidden; padding-left:30px; background:url(images/ioco4.png) center left no-repeat;}
.chk_1:checked + label:after { position:absolute; top:0; left:0;width:100%;height:100% ;content: '\2714';line-height:999px;overflow:hidden;color: #1d52f1;  background:url(images/ioco10.png) center left no-repeat;}
.jiage{ position:absolute; top:63px; left:70px; overflow:hidden; z-index:1;}
.jiage p{ float:left; font-size:12px; line-height:20px; color:#a5a5a5;}
.jiage .danjia{ margin-right:15px;}
.jiage .p_num { display:block; width: 50px; height: 20px;}
.jiage .sy_num,.jiage .sy_minus,.jiage .sy_plus{ float:left; overflow:hidden; text-align: center; line-height:16px; color:#e1252c;}
.jiage .sy_minus,.sy_plus { width: 10px; color:#e1252c !important; cursor: pointer; font-size:14px;}
.jiage .sy_num { width:30px; line-height:20px;}
.gwc-2{ padding:5px 3%;}
.gwc-2 label{ float:left; width:20%; font-size:14px; line-height:26px; color:#a5a5a5;}
.gwc-2 i{ float:right; width:40%; line-height:26px; text-align:right; font-size:12px; color:#1d52f1;}
</style>
<!-- 内容 -->
<div id="switch">

<div id="cont" class="clearfix">
<form>
	<div class="gwc ddxq mt15">
    	<h4><p>收货地址</p></h4>
		<ul>
            <li class="bt0">
            	<input type="radio" id="checkbox_a1" name="souhuodizhi" class="chk_1" checked />
                <label for="checkbox_a1">                    
                	<span class="fl">
                        <span class="color3b" style=" display:inline-block;">陈奕迅</span>
                        <span style=" display:inline-block; padding-left:15px;">15800000000</span>
                        <span style=" display:block;">陕西省西安市雁塔区西安美术学院</span>
                    </span>
                </label>
            </li>
             <li class="bt0">
            	<input type="radio" id="checkbox_a2" name="souhuodizhi" class="chk_1" />
                <label for="checkbox_a2">                    
                	<span class="fl">
                        <span class="color3b" style=" display:inline-block;">陈奕迅</span>
                        <span style=" display:inline-block; padding-left:15px;">15800000000</span>
                        <span style=" display:block;">陕西省西安市雁塔区西安美术学院</span>
                    </span>
                </label>
            </li> 
        </ul>
    </div>
    <div class="gwc ddxq mt10">
    	<h4><p>商品清单</p></h4>
        <ul class="zffs">
            <li class="bt0">
                <img src="" alt="" />
                <span class="fl">
                    <span class="color3b">商品名</span>
                    <span>短袖T恤/白色/男款/S（165）</span>
                </span>
                <div class="jiage">
                    <p class="danjia">单价：10元</p>
                    <!--<p class="shuliang">数量：2</p>-->
                    <p class="p_num">
                        <span class="sy_minus" id="sy_minus_gid1">-</span> 
                        <input type="text" name="number1" value="1" class="sy_num" id="sy_num_gid1" readonly /> 
                        <span class="sy_plus" id="sy_plus_gid1">+</span>
                    </p>
                   	 <p style="display:none;">需支付：10元</p>
                </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="fans mt10">
        <ul>
        	<!--<li><span class="color1d fr"><i>订单总价：10元</i></span></li>
            <li><span class="fl">运费(包邮）</span><span class="color1d fr">￥0</span></li>
            <li class="bt0"><span class="fl">实际支付金额：</span><span class="color1d fr">10元</span></li>-->
            <li><span class="fl">运费(包邮）</span><span class="color1d fr">￥0</span></li>
            <li class="bt0"><span class="color1d fr"><i>实际支付金额：10元</i></span></li>
        </ul>
    </div>
    <input type="text" value="15800000000" name="" style=" display:none;" readonly />
    <input type="text" value="陕西省西安市雁塔区西安美术学院" name="" style=" display:none;" readonly />
    <input type="text" value="商品名" name="spm" style=" display:none;" readonly />
    <input type="text" value="短袖T恤/白色/男款/S（165）" name="kuans" style=" display:none;" readonly />
    <input type="text" value="36" name="danjia" style=" display:none;" readonly />
    <input type="text" value="59.00" name="zongjia" style=" display:none;" readonly />
    <input type="text" value="0" name="youfei" style=" display:none;" readonly />
    <input type="text" value="59.00" name="shifu" style=" display:none;" readonly />
    <input type="submit" id="submit" class="footSubmit" value="确认提现" />
</form>
</div>
</div>
<!-- 内容 -->

<!-- javascript -->
<script type="text/javascript">
$(document).ready (function ()
    {
		var pl = $("i:last");
	    var reg = /(.*[\:\：]\s*)([\+\d\.]+)(\s*元)/g;
	    $ (".sy_minus").click (function ()
	    {
		    var me = $ (this), txt = me.next (":text"), pc = me.closest("p");
		    var val = parseFloat (txt.val ());
		    val = val < 1 ? 1 : val;
		    txt.val (val - 1);
		    var price = parseFloat (pc.prev("p").text().replace(reg,'$2')) * txt.val ();
		    pc.next("p").text (pc.next("p").text().replace(reg, "$1" + price + "$3"));
		    var sum = 0;
		    $(".p_num").next("p").each(function (i, dom)
		    {
		    	sum += parseFloat ($(this).text().replace(reg, "$2"));
		    });
		    pl.text(pl.text().replace(reg, "$1" + sum + "$3"));
	    });
	    
	    $(".sy_plus").click (function ()
	    {
	    	var me = $ (this), txt = me.prev (":text"), pc = me.closest("p");
		    var val = parseFloat (txt.val ());
		    txt.val (val + 1);
		    var price = parseFloat (pc.prev("p").text().replace(reg,'$2')) * txt.val ();
		    pc.next("p").text (pc.next("p").text().replace(reg, "$1" + price + "$3"));
		    var sum = 0;
		    $(".p_num").next("p").each(function (i, dom)
		    {
		    	sum += parseFloat ($(this).text().replace(reg, "$2"));
		    });
		    pl.text(pl.text().replace(reg, "$1" + sum + "$3"));
	    });
    })[0].onselectstart = new Function ("return false");
</script>
<!-- javascript -->
</body>
</html>
